<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="assets/css/style2.0.css">
<script type="text/javascript" src="assets/js/jquery-1.8.0.min.js"></script>
<style type="text/css">
ul li {
	font-size: 30px;
	color: #2ec0f6;
}

.tyg-div {
	z-index: -1000;
	float: left;
	position: absolute;
	left: 5%;
	top: 20%;
}

.tyg-p {
	font-size: 14px;
	font-family: 'microsoft yahei';
	position: absolute;
	top: 135px;
	left: 60px;
}

.tyg-div-denglv {
	z-index: 1000;
	float: right;
	position: absolute;
	right: 3%;
	top: 10%;
}

.Text {
    display: none; 
	z-index: 1000;
	float: right;
	position: absolute;
	right: 3%;
	top: 10%;
}

.tyg-div-form {
	background-color: #23305a;
	width: 300px;
	height: auto;
	margin: 120px auto 0 auto;
	color: #2ec0f6;
}


.tyg-div-form div {
	padding: 10px;
}

.tyg-div-form div input[type="text"] {
	width: 270px;
	height: 30px;
	margin: 25px 10px 0px 0px;
}

.tyg-div-form div button {
	cursor: pointer;
	width: 270px;
	height: 44px;
	margin-top: 25px;
	padding: 0;
	background: #2ec0f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #2ec0f6;
	-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px
		0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px
		7px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0
		rgba(0, 0, 0, .2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}
</style>

<script type="text/javascript">
 
 /* 登录 */
	$(function(){
		
		window.sessionStorage.removeItem('user_token');
		$("#login").click(function(){
			var tdata={
		      "loginUserName":$("#loginUserName").val(),
		      "loginPassWord":$("#loginPassWord").val()
	        }
			$.ajax({
				/* 本地：localhost:8085  远程：121.5.208.41:8085 */
				url : "http://121.5.208.41:8085/login/select",
				type : "post",
		        contentType : "application/json;charset=utf-8",
		        data : JSON.stringify(tdata),
		        dataType :"json",
		        /*xhrFields : {withCredentials: true}*/ //跨域登录验证
		        success : function(data){
		        	if(data.code == "LOGINFAIL" || data.code == "FAIL"){
		        		alert(data.msg);	        		
		        	}else{
		        		sessionStorage.setItem('user_token', data.data.token);
		        		window.location.href="admin-shouye.html";
		        	}        	
		        }
			})		
		})	
	})
</script>

<body >
	<div class="tyg-div">
		<ul>
			<li>让</li>
			<li><div style="margin-left: 20px;">生</div></li>
			<li><div style="margin-left: 40px;">活</div></li>
			<li><div style="margin-left: 60px;">更</div></li>
			<li><div style="margin-left: 80px;">加</div></li>
			<li><div style="margin-left: 100px;">美</div></li>
			<li><div style="margin-left: 120px;">好</div></li>
		</ul>
	</div>
	<div id="contPar" class="contPar">
		<div id="page1" style="z-index: 1;">
			<div class="title0">驾校管理系统</div>
			<div class="title1">方便、快捷、简单</div>
			<div class="imgGroug">
				<ul>
					<img alt="" class="img0 png" src="assets/img/page1_0.png">
					<img alt="" class="img1 png" src="assets/img/page1_1.png">
					<img alt="" class="img2 png" src="assets/img/page1_2.png">
				</ul>
			</div>
			<img alt="" class="img3 png" src="assets/img/page1_3.jpg">
		</div>
	</div>
	
	<div class="tyg-div-denglv">
		<div class="tyg-div-form">
			<div>
				<h2>登录</h2>
				<p class="tyg-p">欢迎访问 驾校管理系统 &nbsp; &nbsp;
					
				<div style="margin: 5px 0px;">
					<input type="text" id="loginUserName" placeholder="请输入账号..." />
				</div>
				<div style="margin: 5px 0px;">
					<input type="text" id="loginPassWord" placeholder="请输入密码..." />
				</div>
				<button type="submit" id="login">
					登<span style="width: 20px;"></span>录
				</button>
			</div>
		</div>
	</div>

   

<!--注册弹出框-->
<div id="light" class="white_content">
        <div class="tyg-div-form">
			<div>
				<h2>注册</h2>
				<div style="margin: 5px 0px;">
					<input type="text" id="UserName" placeholder="请输入账号..." />
				</div>
				<div style="margin: 5px 0px;">
					<input type="text" id="PassWord" placeholder="请输入密码..." />
				</div>
				<button type="submit" onclick = "closeDialog()">
					登<span style="width: 20px;"></span>录
				</button>
			</div>
		</div>
           
</div> 
 <div id="fade" class="black_overlay"></div> 
<script type="text/javascript" src="assets/js/com.js"></script>

</body>
</html>